<template>
	<view class="board">
		<view class="title">Today's Results</view>
		<view class="grid col-2">
			<view class="item">				
				<view class="b">{{ item.usableSum ||0 }}</view>
				<view class="h">Total assets</view>
			</view>			
		</view>
		<view class="grid col-2">
			<view class="item">				
				<view class="b">{{ item.grabbed_order_total_amount||0 }}</view>
				<view class="h">Today's earnings</view>
			</view>
			<view class="item">				
				<view class="b">{{  item.grabbed_order }} / {{item.day_order_num}}</view>
				<view class="h">Today's order</view>
			</view>		
			<view class="item">				
				<view class="b rmb">{{ item.team_money || 0}}</view>
				<view class="h">Team benefits today</view>
			</view>
		</view>
		<view class="level" @click="toMember">
			{{item.level_name}}
			<image src="../../../../static/right-arrow.png" class="icon"></image>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		item: {
			type: Object,
			default: () => {
				return {
					day_order_num: '0',
					yongjin_percent: '0',
					team_money: '0',
					grabbed_order: '0',
					frozon_order: '0',
					frozon_money: '0',
					grabbed_order_total_amount: ''
				};
			}
		}
	},
	methods:{
		toMember(){
			uni.navigateTo({
				url: '/pages/mymember/center'
			});
		}
	}
};
</script>

<style lang="less" scoped>
.board {
	background: url('../../../../static/images/grab/bg.png') no-repeat;
	background-size:100% 100%;
	color: #fff;
	padding: 9px;
	padding-bottom:60rpx;
	position: relative;
	.level{
		width: 160rpx;
		height: 60rpx;
		text-align:center;
		line-height:60rpx;		
		font-size: 40rpx;
		font-weight: 600;
		color: #F53D46;
		background: #FFFFFF;
		position:absolute;
		right:0;
		top:40rpx;
		border-radius: 100rpx 0px 0px 100rpx;
		display:flex;
		align-items:center;
		justify-content:center;
		padding: 0 10rpx 0 30rpx;
		.icon{
			width: 40rpx;
			height: 40rpx;
			margin-left:10rpx;
		}
	}
	.title{
		font-size: 30rpx;
		margin-bottom: 10rpx;
	}
}
.board .item {
	padding: 9px 0;
	width: 100%;
}
.board .item .h {
	font-size: 22rpx;
	opacity: 0.75;
}
.board .item .b {
	font-size: 48rpx;
}
.board .grid {
	border-bottom: 0.5px solid #F53D46;
}
.grid {
	display: flex;
	flex-wrap: wrap;
}
.grid.col-2 > uni-view,
.grid.col-2 > wx-view {
	width: 33.3%;
}
</style>
